<template>
  <div>
    home
    <router-link
      to="/bestSeller"
      style="font-size: 20px; display: block; margin: 0 auto"
      >bestSeller</router-link
    >

    <button
      style="
        width: 200px;
        height: 40px;
        text-align: center;
        line-height: 38px;
        background: #111;
        color: #fff;
      "
      @click="$refs.cartDialog.show()"
    >
      cart
    </button>
    <cartDialog ref="cartDialog"></cartDialog>
  </div>
</template>

<script>
import cartDialog from "@/comps/cartDialog.vue";
export default {
  components: {
    cartDialog,
  },
  data() {
    return {};
  },
};
</script>
